<style>
    .el-form-item__label{
        width: 81px;
    }
    .el-select{
        width: 175px;
    }
</style>
<template>
    <el-container >
        <el-header class="mag-header">
            <ul  class="el-menu el-menu-demo el-menu--horizontal">
                <li v-role:customer.all_list :class="{'is-active':router.page=='test/index'}"   v-link="'test/index'"   role="menuitem" tabindex="1" class="el-menu-item" >列表</li>
                <li v-role:customer.new_list :class="{'is-active':router.page=='test/test1'}" v-link="'test/test1'"  role="menuitem" tabindex="3" class="el-menu-item" >表单</li>
                <li v-role:customer.expire_list :class="{'is-active':router.page=='test/test2'}"   v-link="'test/test2'"    role="menuitem" tabindex="2" class="el-menu-item" >其他</li>
            </ul>
        </el-header>
        <component v-bind:is="childView">
        </component>
    </el-container>
</template>
<script>
    //这里定义组件
    Rap.define([],{
        data: function() {
            return {
            }
        }
    })
</script>